<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>tngou-admin</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body class="x-body">
  <div class="layui-row"> 
    <form class="layui-form layui-col-md12 x-so">
         
          <input type="text" name="username"  placeholder="请输入角色名称" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>    
 </div>
<form class="layui-form" action="">
<div class="" id="LAY_demo3">
<div class="layui-row" style="margin-right: 30px;">
  <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
  <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
   <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
   <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
   <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
   <div class="layui-col-md2">
  <div class="layui-card">
  
  <div class="layui-card-body">

    <img lay-src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=15626750889302" style="width: 100%">
   <span style="float: right;margin-top: -38px">
   <input type="checkbox" name="zzz" lay-skin="switch" lay-text="标记|">
 
  </span>
  </div>
  
  </div>
  </div>
 
</div>


 </div>
 <div class="layui-btn-group">
  <button type="button" class="layui-btn">上一页</button>
  <button type="button" class="layui-btn">下一页</button>
 
</div>
</form>         
          
<script>
layui.use('flow', function(){
  var flow = layui.flow;
 
  //按屏加载图片
  flow.lazyimg({
    elem: '#LAY_demo3 img'
    ,scrollElem: '#LAY_demo3' //一般不用设置，此处只是演示需要。
  });
  
});
</script>

  </body>

</html>